var colors={
    list:[
        {name:'艳红',pinyin:'YANHONG',url:'img/1-1.png',num:'CC3536',c:0,m:74,y:73,k:19,rgb:(204,53,54)},
        {name:'猩红',pinyin:'XINGHONG',url:'img/1-2.png',num:'C43739',c:0,m:71,y:70,k:23,rgb:(196,55,57)},
        {name:'绛紫',pinyin:'JIANGZI',url:'img/1-3.png',num:'704D4E',c:0,m:31,y:30,k:56,rgb:(112,77,78)},
        {name:'银朱',pinyin:'YINZHU',url:'img/1-4.png',num:'DD3B44',c:0,m:90,y:70,k:8,rgb:(221,59,68)},
        {name:'浅血牙',pinyin:'QIANXUEYA',url:'img/1-5.png',num:'EACDD1',c:0,m:12,y:10,k:8,rgb:(234,205,209)},
        {name:'月季红',pinyin:'YUEJIHONG',url:'img/1-6.png',num:'BB1C33',c:0,m:85,y:72,k:26,rgb:(187,28,51)},
        {name:'玫瑰红',pinyin:'MEIGUIHONG',url:'img/1-7.png',num:'973444',c:0,m:65,y:54,k:40,rgb:(151,52,68)},

        {name:'枣红',pinyin:'ZAOHONG',url:'img/2-1.png',num:'89303F',c:0,m:64,y:54,k:46,rgb:(137,48,63)},
        {name:'洋红',pinyin:'YANGHONG',url:'img/2-2.png',num:'DC143C',c:0,m:90,y:72,k:13,rgb:(220,20,60)},
        {name:'紫粉',pinyin:'ZIFEN',url:'img/2-3.png',num:'A54358',c:0,m:59,y:46,k:35,rgb:(165,67,88)},
        {name:'茄皮紫',pinyin:'QIEPIZI',url:'img/2-4.png',num:'674950',c:0,m:29,y:22,k:59,rgb:(103,73,80)},
        {name:'深烟红',pinyin:'SHENYANHONG',url:'img/2-5.png',num:'643441',c:0,m:48,y:34,k:60,rgb:(100,52,65)},
        {name:'雪紫',pinyin:'XUEZI',url:'img/2-6.png',num:'79485A',c:0,m:40,y:25,k:52,rgb:(121,72,90)},
        {name:'玫瑰灰',pinyin:'MEIGUIHUI',url:'img/2-7.png',num:'793D56',c:0,m:49,y:28,k:52,rgb:(121,61,86)},

        {name:'洋葱紫',pinyin:'YANGCONGZI',url:'img/3-1.png',num:'9C6680',c:0,m:34,y:17,k:38,rgb:(156,102,128)},
        {name:'元青',pinyin:'YUANQING',url:'img/3-2.png',num:'3E3C3D',c:0,m:3,y:1,k:75,rgb:(62,60,61)},
        {name:'品红',pinyin:'PINHONG',url:'img/3-3.png',num:'A71368',c:0,m:88,y:37,k:34,rgb:(167,19,104)},
        {name:'紫薇花',pinyin:'ZIWEIHUA',url:'img/3-4.png',num:'EEA5D1',c:0,m:30,y:12,k:6,rgb:(238,165,209)},
        {name:'牵牛紫',pinyin:'QIANNIUZI',url:'img/3-5.png',num:'A22076',c:0,m:80,y:27,k:36,rgb:(162,32,118)},
        {name:'紫水晶',pinyin:'ZISHUIJING',url:'img/3-6.png',num:'C3A6CB',c:3,m:18,y:0,k:20,rgb:(195,166,203)},
        {name:'浅石英紫',pinyin:'QIANSHIYINGZI',url:'img/3-7.png',num:'AB96C5',c:13,m:23,y:0,k:22,rgb:(171,150,197)},

        {name:'白坊灰蓝',pinyin:'BAIFANGHUILAN',url:'img/4-1.png',num:'4E1892',c:46,m:83,y:0,k:42,rgb:(78,24,146)},
        {name:'紫藤灰',pinyin:'ZITENGHUI',url:'img/4-2.png',num:'857E95',c:10,m:15,y:0,k:41,rgb:(133,126,149)},
        {name:'浅藤紫',pinyin:'QIANTENGZI',url:'img/4-3.png',num:'C4C3CB',c:79,m:64,y:0,k:41,rgb:(31,54,150)},
        {name:'宝蓝',pinyin:'BAOLAN',url:'img/4-4.png',num:'1F3696',c:79,m:64,y:0,k:41,rgb:(31,54,150)},
        {name:'靛蓝',pinyin:'DIANLAN',url:'img/4-5.png',num:'1B54F2',c:83,m:68,y:0,k:0,rgb:(27,84,242)},
        {name:'藏蓝',pinyin:'ZANGLAN',url:'img/4-6.png',num:'25386B',c:65,m:47,y:0,k:58,rgb:(37,56,107)},
        {name:'粗晶皂',pinyin:'CUJINGZAO',url:'img/4-7.png',num:'43454A',c:9,m:6,y:0,k:70,rgb:(67,69,74)},

        {name:'孔雀蓝',pinyin:'KONGQUELAN',url:'img/5-1.png',num:'0041A5',c:100,m:60,y:0,k:35,rgb:(0, 65, 165)},
        {name:'浅海昌蓝',pinyin:'QIANHAICHANGLAN',url:'img/5-2.png',num:'3C5E91',c:58,m:35,y:0,k:43,rgb:(60, 94, 145)},
        {name:'花青',pinyin:'HUAQING',url:'img/5-3.png',num:'546B83',c:35,m:18,y:0,k:48,rgb:(84, 107, 131)},
        {name:'鹊灰',pinyin:'QUEHUI',url:'img/5-4.png',num:'455667',c:33,m:16,y:0,k:59,rgb:(69, 86, 103)},
        {name:'海蓝',pinyin:'HAILAN',url:'img/5-5.png',num:'17507D',c:81,m:36,y:0,k:50,rgb:(23, 80, 125)},
        {name:'黛蓝',pinyin:'DAILAN',url:'img/5-6.png',num:'304758',c:45,m:19,y:0,k:65,rgb:(48, 71, 88)},
        {name:'深竹月',pinyin:'SHENZHUYU',url:'img/5-7.png',num:'2578B5',c:79,m:33,y:0,k:29,rgb:(37, 120, 181)},

        {name:'绒蓝',pinyin:'RONGLAN',url:'img/6-1.png',num:'31678D',c:65,m:26,y:0,k:44,rgb:(49, 103, 141)},
        {name:'北京毛蓝',pinyin:'BEIJINGMAOLAN',url:'img/6-2.png',num:'276893',c:73,m:29,y:0,k:42,rgb:(39, 104, 147)},
        {name:'沙青',pinyin:'SHAQING',url:'img/6-3.png',num:'2B5E7D',c:65,m:24,y:0,k:50,rgb:(43, 94, 125)},
        {name:'钴蓝',pinyin:'GULAN',url:'img/6-4.png',num:'6493AF',c:42,m:16,y:0,k:31,rgb:(100, 147, 175)},
        {name:'铁灰',pinyin:'TIEHUI',url:'img/6-5.png',num:'37444B',c:26,m:9,y:0,k:70,rgb:(55, 68, 75)},
        {name:'红皂',pinyin:'HONGZAO',url:'img/6-6.png',num:'4F5355',c:7,m:2,y:0,k:66,rgb:(79, 83, 85)},
        {name:'正灰',pinyin:'ZHENGHUI',url:'img/6-7.png',num:'93A2A9',c:13,m:44,y:0,k:33,rgb:(147, 162, 169)},

        {name:'玉石蓝',pinyin:'YUSHILAN',url:'img/7-1.png',num:'507883',c:38,m:8,y:0,k:48,rgb:(80, 120, 131)},
        {name:'天青',pinyin:'TIANQING',url:'img/7-2.png',num:'2EC3E7',c:65,m:0,y:6,k:0,rgb:(46, 195, 231)},
        {name:'灰蓝',pinyin:'HUILAN',url:'img/7-3.png',num:'5D828A',c:32,m:5,y:0,k:45,rgb:(93, 130, 138)},
        {name:'春蓝',pinyin:'CHUNLAN',url:'img/7-4.png',num:'7BA1A8',c:26,m:4,y:0,k:34,rgb:(123, 161, 168)},
        {name:'织锦灰',pinyin:'ZHIJINHUI',url:'img/7-5.png',num:'748A8D',c:17,m:2,y:0,k:44,rgb:(116, 138, 141)},
        {name:'碧玉石',pinyin:'BIYUSHI',url:'img/7-6.png',num:'569597',c:43,m:1,y:0,k:40,rgb:(86, 149, 151)},
        {name:'沙绿',pinyin:'SHALV',url:'img/7-7.png',num:'005B5A',c:100,m:0,y:1,k:64,rgb:(0, 91, 90)},

        {name:'灰绿',pinyin:'HUILV',url:'img/8-1.png',num:'5C8987',c:32,m:0,y:1,k:46,rgb:(92, 137, 135)},
        {name:'翠绿',pinyin:'CUILV',url:'img/8-2.png',num:'006E5F',c:100,m:0,y:13,k:56,rgb:(0, 110, 95)},
        {name:'卡其绿',pinyin:'KAQILV',url:'img/8-3.png',num:'647370',c:13,m:0,y:2,k:54,rgb:(100, 115, 112)},
        {name:'果灰',pinyin:'GUOHUI',url:'img/8-4.png',num:'88AEA3',c:21,m:0,y:6,k:31,rgb:(136, 174, 163)},
        {name:'鹦鹉绿',pinyin:'YINGWULV',url:'img/8-5.png',num:'008E59',c:100,m:0,y:37,k:44,rgb:(0, 142, 89)},
        {name:'鸭蛋青',pinyin:'YADANQING',url:'img/8-6.png',num:'D1E3DB',c:7,m:0,y:3,k:10,rgb:(209, 227, 219)},
        {name:'三绿',pinyin:'SANLV',url:'img/8-7.png',num:'90CAAF',c:28,m:0,y:13,k:20,rgb:(144, 202, 175)},

        {name:'承德皂',pinyin:'CHENGDEZAO',url:'img/9-1.png',num:'5A5C5B',c:2,m:0,y:1,k:63,rgb:(90, 92, 91)},
        {name:'老绿',pinyin:'LAOLV',url:'img/9-2.png',num:'3D6E53',c:44,m:0,y:24,k:56,rgb:(61, 110, 83)},
        {name:'奶绿',pinyin:'NAILV',url:'img/9-3.png',num:'AFC8BA',c:12,m:0,y:7,k:21,rgb:(175, 200, 186)},
        {name:'淡灰绿',pinyin:'DANHUILV',url:'img/9-4.png',num:'AEC4B7',c:11,m:0,y:6,k:23,rgb:(174, 196, 183)},
        {name:'水貂灰',pinyin:'SHUIDIAOHUI',url:'img/9-5.png',num:'949C97',c:5,m:0,y:3,k:38,rgb:(148, 156, 151)},
        {name:'油绿',pinyin:'YOULV',url:'img/9-6.png',num:'45554A',c:18,m:0,y:12,k:66,rgb:(69, 85, 74)},
        {name:'锈绿',pinyin:'XIULV',url:'img/9-7.png',num:'B8C8B7',c:8,m:0,y:8,k:21,rgb:(184, 200, 183)},

        {name:'水黄',pinyin:'SHUIHUANG',url:'img/10-1.png',num:'BED2B6',c:9,m:0,y:13,k:17,rgb:(190, 210, 182)},
        {name:'银箔',pinyin:'YINBO',url:'img/10-2.png',num:'585A57',c:2,m:0,y:3,k:64,rgb:(88, 90, 87)},
        {name:'苍绿',pinyin:'CANGLV',url:'img/10-3.png',num:'4E5F45',c:17,m:0,y:27,k:62,rgb:(78, 95, 69)},
        {name:'黄灰',pinyin:'HUANGLV',url:'img/10-4.png',num:'B0B7AC',c:3,m:0,y:6,k:28,rgb:(176, 183, 172)},
        {name:'春绿',pinyin:'CHUNLV',url:'img/10-5.png',num:'E3EFD1',c:5,m:0,y:12,k:6,rgb:(227, 239, 209)},
        {name:'军绿',pinyin:'JUNLV',url:'img/10-6.png',num:'CAD4BA',c:4,m:0,y:12,k:16,rgb:(202, 212, 186)},
        {name:'大赤金',pinyin:'DACHIJIN',url:'img/10-7.png',num:'6D7358',c:5,m:0,y:23,k:54,rgb:(109, 115, 88)},

        {name:'芦灰',pinyin:'LUHUI',url:'img/11-1.png',num:'A9B08F',c:3,m:0,y:18,k:30,rgb:(169, 176, 143)},
        {name:'米色',pinyin:'MISE',url:'img/11-2.png',num:'F5F5DC',c:0,m:0,y:10,k:3,rgb:(245, 245, 220)},
        {name:'油烟墨',pinyin:'YOUYANMO',url:'img/11-3.png',num:'3F3F3C',c:0,m:0,y:4,k:75,rgb:(63, 63, 60)},
        {name:'承德灰',pinyin:'CHENGDEHUI',url:'img/11-4.png',num:'757570',c:0,m:0,y:4,k:54,rgb:(117, 117, 112)},
        {name:'橄榄绿',pinyin:'GANLANLV',url:'img/11-5.png',num:'6A6834',c:0,m:1,y:50,k:58,rgb:(106, 104, 52)},
        {name:'枯绿',pinyin:'KULV',url:'img/11-6.png',num:'B7B278',c:0,m:2,y:34,k:28,rgb:(183, 178, 120)},
        {name:'柠檬黄',pinyin:'NINGMENGHUANG',url:'img/11-7.png',num:'E9DB39',c:0,m:6,y:75,k:8,rgb:(233, 219, 57)},

        {name:'蜡白',pinyin:'LABAI',url:'img/12-1.png',num:'E7E5D0',c:0,m:0,y:9,k:9,rgb:(231, 229, 208)},
        {name:'草黄',pinyin:'CAOHUANG',url:'img/12-2.png',num:'DBCE54',c:0,m:5,y:61,k:14,rgb:(219, 206, 84)},
        {name:'灰米',pinyin:'HUIMI',url:'img/12-3.png',num:'B6B196',c:0,m:2,y:17,k:28,rgb:(182, 177, 150)},
        {name:'藤黄',pinyin:'TENGHUANG',url:'img/12-4.png',num:'F2DE76',c:0,m:8,y:51,k:5,rgb:(242, 222, 118)},
        {name:'胡粉',pinyin:'HUFEN',url:'img/12-5.png',num:'EBE8DB',c:0,m:1,y:6,k:7,rgb:(235, 232, 219)},
        {name:'丹东石',pinyin:'DANDONGSHI',url:'img/12-6.png',num:'D7C16B',c:0,m:10,y:50,k:15,rgb:(215, 193, 107)},
        {name:'库金',pinyin:'KUJIN',url:'img/12-7.png',num:'85794F',c:0,m:9,y:40,k:47,rgb:(133, 121, 79)},

        {name:'甘草黄',pinyin:'GANCAOHUI',url:'img/13-1.png',num:'E4CF8E',c:0,m:9,y:37,k:10,rgb:(228, 207, 142)},
        {name:'灯草灰',pinyin:'DENGCAOHUI',url:'img/13-2.png',num:'363532',c:0,m:1,y:7,k:78,rgb:(54, 53, 50)},
        {name:'米灰',pinyin:'MIHUI',url:'img/13-3.png',num:'C5BFAD',c:0,m:3,y:12,k:22,rgb:(197, 191, 173)},
        {name:'姜黄',pinyin:'JIANGHUI',url:'img/13-4.png',num:'B49436',c:0,m:17,y:70,k:29,rgb:(180, 148, 54)},
        {name:'选金',pinyin:'XUANJIN',url:'img/13-5.png',num:'796F54',c:0,m:8,y:30,k:52,rgb:(121, 11, 184)},
        {name:'浅棕灰',pinyin:'QIANZONGHUI',url:'img/13-6.png',num:'E1DBCD',c:0,m:2,y:8,k:11,rgb:(225, 219, 205)},
        {name:'将校呢',pinyin:'JIANGXIAONI',url:'img/13-7.png',num:'60614A',c:0,m:11,y:32,k:57,rgb:(109, 97, 74)},

        {name:'卡其黄',pinyin:'KAQIHUANG',url:'img/14-1.png',num:'D5B884',c:0,m:13,y:38,k:16,rgb:(213, 184, 132)},
        {name:'相思灰',pinyin:'XIANGSIHUI',url:'img/14-2.png',num:'625C52',c:0,m:6,y:16,k:61,rgb:(98, 92, 82)},
        {name:'枝黄',pinyin:'ZHIHUANG',url:'img/14-3.png',num:'DBC7A6',c:0,m:9,y:24,k:14,rgb:(219, 199, 166)},
        {name:'中棕灰',pinyin:'ZHONGZONGHUI',url:'img/14-4.png',num:'A9987C',c:0,m:10,y:26,k:33,rgb:(169, 152, 124)},
        {name:'土黄',pinyin:'TUHUANG',url:'img/14-5.png',num:'CE9335',c:0,m:28,y:74,k:19,rgb:(206, 147, 53)},
        {name:'浅驼色',pinyin:'QIANTUOSE',url:'img/14-6.png',num:'C9AE8C',c:0,m:13,y:30,k:21,rgb:(201, 174, 140)},
        {name:'棕茶',pinyin:'ZONGCHA',url:'img/14-7.png',num:'B8844F',c:0,m:28,y:57,k:27,rgb:(184, 132, 79)},

        {name:'雄黄',pinyin:'XIONGHUANG',url:'img/15-1.png',num:'D0853D',c:0,m:36,y:70,k:18,rgb:(208, 133, 61)},
        {name:'纸棕',pinyin:'ZHIZONG',url:'img/15-2.png',num:'BCA590',c:0,m:12,y:23,k:26,rgb:(188, 165, 144)},
        {name:'浅橘黄',pinyin:'QIANJUHUANG',url:'img/15-3.png',num:'DA9558',c:0,m:31,y:59,k:14,rgb:(218, 149, 88)},
        {name:'浅黄棕',pinyin:'QIANHUANGZONG',url:'img/15-4.png',num:'DEA87A',c:0,m:24,y:45,k:12,rgb:(222, 168, 122)},
        {name:'金黄',pinyin:'JINHUANG',url:'img/15-5.png',num:'C77A3A',c:0,m:38,y:70,k:21,rgb:(199, 122, 58)},
        {name:'米红',pinyin:'MIHONG',url:'img/15-6.png',num:'E1BDA2',c:0,m:15,y:28,k:11,rgb:(225, 189, 162)},
        {name:'桔黄',pinyin:'JUHUANG',url:'img/15-7.png',num:'E8853B',c:0,m:42,y:74,k:9,rgb:(232, 133, 59)},

        {name:'苍黄',pinyin:'CANGHUANG',url:'img/16-1.png',num:'C65306',c:0,m:58,y:96,k:22,rgb:(198, 83, 6)},
        {name:'雄精',pinyin:'XIONGJING',url:'img/16-2.png',num:'E47542',c:0,m:48,y:71,k:10,rgb:(228, 117, 66)},
        {name:'甘石粉',pinyin:'GANSHIFEN',url:'img/16-3.png',num:'EADCD6',c:0,m:5,y:8,k:8,rgb:(234, 220, 214)},
        {name:'章丹',pinyin:'ZHANGDAN',url:'img/16-4.png',num:'EB652D',c:0,m:57,y:80,k:7,rgb:(235, 101, 45)},
        {name:'桔红',pinyin:'JUHONG',url:'img/16-5.png',num:'E7693F',c:0,m:54,y:72,k:9,rgb:(231, 105, 63)},
        {name:'奶棕',pinyin:'NAIZONG',url:'img/16-6.png',num:'C1A299',c:0,m:16,y:20,k:24,rgb:(193, 162, 153)},
        {name:'血红',pinyin:'XUEHONG',url:'img/16-7.png',num:'A03E28',c:0,m:61,y:75,k:37,rgb:(160, 62, 40)},

        {name:'辰砂',pinyin:'CHENSHA',url:'img/17-1.png',num:'AF5E53',c:0,m:46,y:52,k:31,rgb:(175, 94, 83)},
        {name:'十样锦',pinyin:'SHIYANGJIN',url:'img/17-2.png',num:'FCB1AA',c:0,m:29,y:32,k:1,rgb:(252, 177, 170)},
        {name:'番茄红',pinyin:'FANQIEHONG',url:'img/17-3.png',num:'C4473D',c:0,m:63,y:68,k:23,rgb:(196, 71, 61)},
        {name:'榴花红',pinyin:'LIUHUAHONG',url:'img/17-4.png',num:'D54B44',c:0,m:64,y:68,k:16,rgb:(213, 75, 68)},
        {name:'胭脂',pinyin:'YANZHI',url:'img/17-5.png',num:'C03F3C',c:0,m:87,y:70,k:23,rgb:(192, 63, 60)},
        {name:'妃红',pinyin:'FEIHONG',url:'img/17-6.png',num:'C35655',c:0,m:55,y:56,k:23,rgb:(195, 86, 85)},
        {name:'锈红',pinyin:'XIUHONG',url:'img/17-7.png',num:'4D1919',c:0,m:67,y:67,k:69,rgb:(77, 25, 25)},

        {name:'深烟',pinyin:'SHENYAN',url:'img/18-1.png',num:'5A4C4C',c:0,m:15,y:15,k:64,rgb:(90, 76, 76)},
        {name:'雪色',pinyin:'XUESE',url:'img/18-1.png',num:'FFFAFA',c:0,m:1,y:1,k:0,rgb:(255, 250, 250)},
        {name:'百草霜',pinyin:'BAICAOSHUANG',url:'img/18-1.png',num:'303030',c:0,m:0,y:0,k:81,rgb:(48, 48, 48)}
    ]
}
// 模版视图渲染
var html = template("templateid", colors)
$("#other")[0].innerHTML = html;

// 定义了一个数组，除了和list的rgb值不一样外其他都是复制粘贴
var arr=[
        {name:'艳红',pinyin:'YANHONG',url:'img/1-1.png',num:'CC3536',c:0,m:74,y:73,k:19,rgb:'(204, 53, 54)'},
        {name:'猩红',pinyin:'XINGHONG',url:'img/1-2.png',num:'C43739',c:0,m:71,y:70,k:23,rgb:'(196, 55, 57)'},
        {name:'绛紫',pinyin:'JIANGZI',url:'img/1-3.png',num:'704D4E',c:0,m:31,y:30,k:56,rgb:'(112, 77, 78)'},
        {name:'银朱',pinyin:'YINZHU',url:'img/1-4.png',num:'DD3B44',c:0,m:90,y:70,k:8,rgb:'(221, 59, 68)'},
        {name:'浅血牙',pinyin:'QIANXUEYA',url:'img/1-5.png',num:'EACDD1',c:0,m:12,y:10,k:8,rgb:'(234, 205, 209)'},
        {name:'月季红',pinyin:'YUEJIHONG',url:'img/1-6.png',num:'BB1C33',c:0,m:85,y:72,k:26,rgb:'(187, 28, 51)'},
        {name:'玫瑰红',pinyin:'MEIGUIHONG',url:'img/1-7.png',num:'973444',c:0,m:65,y:54,k:40,rgb:'(151, 52, 68)'},

        {name:'枣红',pinyin:'ZAOHONG',url:'img/2-1.png',num:'89303F',c:0,m:64,y:54,k:46,rgb:'(137, 48, 63)'},
        {name:'洋红',pinyin:'YANGHONG',url:'img/2-2.png',num:'DC143C',c:0,m:90,y:72,k:13,rgb:'(220, 20, 60)'},
        {name:'紫粉',pinyin:'ZIFEN',url:'img/2-3.png',num:'A54358',c:0,m:59,y:46,k:35,rgb:'(165, 67, 88)'},
        {name:'茄皮紫',pinyin:'QIEPIZI',url:'img/2-4.png',num:'674950',c:0,m:29,y:22,k:59,rgb:'(103, 73, 80)'},
        {name:'深烟红',pinyin:'SHENYANHONG',url:'img/2-5.png',num:'643441',c:0,m:48,y:34,k:60,rgb:'(100, 52, 65)'},
        {name:'雪紫',pinyin:'XUEZI',url:'img/2-6.png',num:'79485A',c:0,m:40,y:25,k:52,rgb:'(121, 72, 90)'},
        {name:'玫瑰灰',pinyin:'MEIGUIHUI',url:'img/2-7.png',num:'793D56',c:0,m:49,y:28,k:52,rgb:'(121, 61, 86)'},

        {name:'洋葱紫',pinyin:'YANGCONGZI',url:'img/3-1.png',num:'9C6680',c:0,m:34,y:17,k:38,rgb:'(156, 102, 128)'},
        {name:'元青',pinyin:'YUANQING',url:'img/3-2.png',num:'3E3C3D',c:0,m:3,y:1,k:75,rgb:'(62, 60, 61)'},
        {name:'品红',pinyin:'PINHONG',url:'img/3-3.png',num:'A71368',c:0,m:88,y:37,k:34,rgb:'(167, 19, 104)'},
        {name:'紫薇花',pinyin:'ZIWEIHUA',url:'img/3-4.png',num:'EEA5D1',c:0,m:30,y:12,k:6,rgb:'(238, 165, 209)'},
        {name:'牵牛紫',pinyin:'QIANNIUZI',url:'img/3-5.png',num:'A22076',c:0,m:80,y:27,k:36,rgb:'(162, 32, 118)'},
        {name:'紫水晶',pinyin:'ZISHUIJING',url:'img/3-6.png',num:'C3A6CB',c:3,m:18,y:0,k:20,rgb:'(195, 166, 203)'},
        {name:'浅石英紫',pinyin:'QIANSHIYINGZI',url:'img/3-7.png',num:'AB96C5',c:13,m:23,y:0,k:22,rgb:'(171, 150, 197)'},

        {name:'白坊灰蓝',pinyin:'BAIFANGHUILAN',url:'img/4-1.png',num:'4E1892',c:46,m:83,y:0,k:42,rgb:'(78, 24, 146)'},
        {name:'紫藤灰',pinyin:'ZITENGHUI',url:'img/4-2.png',num:'857E95',c:10,m:15,y:0,k:41,rgb:'(133, 126, 149)'},
        {name:'浅藤紫',pinyin:'QIANTENGZI',url:'img/4-3.png',num:'C4C3CB',c:79,m:64,y:0,k:41,rgb:'(31, 54, 150)'},
        {name:'宝蓝',pinyin:'BAOLAN',url:'img/4-4.png',num:'1F3696',c:79,m:64,y:0,k:41,rgb:'(31, 54, 150)'},
        {name:'靛蓝',pinyin:'DIANLAN',url:'img/4-5.png',num:'1B54F2',c:83,m:68,y:0,k:0,rgb:'(27, 84, 242)'},
        {name:'藏蓝',pinyin:'ZANGLAN',url:'img/4-6.png',num:'25386B',c:65,m:47,y:0,k:58,rgb:'(37, 56, 107)'},
        {name:'粗晶皂',pinyin:'CUJINGZAO',url:'img/4-7.png',num:'43454A',c:9,m:6,y:0,k:70,rgb:'(67, 69, 74)'},

        {name:'孔雀蓝',pinyin:'KONGQUELAN',url:'img/5-1.png',num:'0041A5',c:100,m:60,y:0,k:35,rgb:'(0, 65, 165)'},
        {name:'浅海昌蓝',pinyin:'QIANHAICHANGLAN',url:'img/5-2.png',num:'3C5E91',c:58,m:35,y:0,k:43,rgb:'(60, 94, 145)'},
        {name:'花青',pinyin:'HUAQING',url:'img/5-3.png',num:'546B83',c:35,m:18,y:0,k:48,rgb:'(84, 107, 131)'},
        {name:'鹊灰',pinyin:'QUEHUI',url:'img/5-4.png',num:'455667',c:33,m:16,y:0,k:59,rgb:'(69, 86, 103)'},
        {name:'海蓝',pinyin:'HAILAN',url:'img/5-5.png',num:'17507D',c:81,m:36,y:0,k:50,rgb:'(23, 80, 125)'},
        {name:'黛蓝',pinyin:'DAILAN',url:'img/5-6.png',num:'304758',c:45,m:19,y:0,k:65,rgb:'(48, 71, 88)'},
        {name:'深竹月',pinyin:'SHENZHUYU',url:'img/5-7.png',num:'2578B5',c:79,m:33,y:0,k:29,rgb:'(37, 120, 181)'},

        {name:'绒蓝',pinyin:'RONGLAN',url:'img/6-1.png',num:'31678D',c:65,m:26,y:0,k:44,rgb:'(49, 103, 141)'},
        {name:'北京毛蓝',pinyin:'BEIJINGMAOLAN',url:'img/6-2.png',num:'276893',c:73,m:29,y:0,k:42,rgb:'(39, 104, 147)'},
        {name:'沙青',pinyin:'SHAQING',url:'img/6-3.png',num:'2B5E7D',c:65,m:24,y:0,k:50,rgb:'(43, 94, 125)'},
        {name:'钴蓝',pinyin:'GULAN',url:'img/6-4.png',num:'6493AF',c:42,m:16,y:0,k:31,rgb:'(100, 147, 175)'},
        {name:'铁灰',pinyin:'TIEHUI',url:'img/6-5.png',num:'37444B',c:26,m:9,y:0,k:70,rgb:'(55, 68, 75)'},
        {name:'红皂',pinyin:'HONGZAO',url:'img/6-6.png',num:'4F5355',c:7,m:2,y:0,k:66,rgb:'(79, 83, 85)'},
        {name:'正灰',pinyin:'ZHENGHUI',url:'img/6-7.png',num:'93A2A9',c:13,m:44,y:0,k:33,rgb:'(147, 162, 169)'},

        {name:'玉石蓝',pinyin:'YUSHILAN',url:'img/7-1.png',num:'507883',c:38,m:8,y:0,k:48,rgb:'(80, 120, 131)'},
        {name:'天青',pinyin:'TIANQING',url:'img/7-2.png',num:'2EC3E7',c:65,m:0,y:6,k:0,rgb:'(46, 195, 231)'},
        {name:'灰蓝',pinyin:'HUILAN',url:'img/7-3.png',num:'5D828A',c:32,m:5,y:0,k:45,rgb:'(93, 130, 138)'},
        {name:'春蓝',pinyin:'CHUNLAN',url:'img/7-4.png',num:'7BA1A8',c:26,m:4,y:0,k:34,rgb:'(123, 161, 168)'},
        {name:'织锦灰',pinyin:'ZHIJINHUI',url:'img/7-5.png',num:'748A8D',c:17,m:2,y:0,k:44,rgb:'(116, 138, 141)'},
        {name:'碧玉石',pinyin:'BIYUSHI',url:'img/7-6.png',num:'569597',c:43,m:1,y:0,k:40,rgb:'(86, 149, 151)'},
        {name:'沙绿',pinyin:'SHALV',url:'img/7-7.png',num:'005B5A',c:100,m:0,y:1,k:64,rgb:'(0, 91, 90)'},

        {name:'灰绿',pinyin:'HUILV',url:'img/8-1.png',num:'5C8987',c:32,m:0,y:1,k:46,rgb:'(92, 137, 135)'},
        {name:'翠绿',pinyin:'CUILV',url:'img/8-2.png',num:'006E5F',c:100,m:0,y:13,k:56,rgb:'(0, 110, 95)'},
        {name:'卡其绿',pinyin:'KAQILV',url:'img/8-3.png',num:'647370',c:13,m:0,y:2,k:54,rgb:'(100, 115, 112)'},
        {name:'果灰',pinyin:'GUOHUI',url:'img/8-4.png',num:'88AEA3',c:21,m:0,y:6,k:31,rgb:'(136, 174, 163)'},
        {name:'鹦鹉绿',pinyin:'YINGWULV',url:'img/8-5.png',num:'008E59',c:100,m:0,y:37,k:44,rgb:'(0, 142, 89)'},
        {name:'鸭蛋青',pinyin:'YADANQING',url:'img/8-6.png',num:'D1E3DB',c:7,m:0,y:3,k:10,rgb:'(209, 227, 219)'},
        {name:'三绿',pinyin:'SANLV',url:'img/8-7.png',num:'90CAAF',c:28,m:0,y:13,k:20,rgb:'(144, 202, 175)'},

        {name:'承德皂',pinyin:'CHENGDEZAO',url:'img/9-1.png',num:'5A5C5B',c:2,m:0,y:1,k:63,rgb:'(90, 92, 91)'},
        {name:'老绿',pinyin:'LAOLV',url:'img/9-2.png',num:'3D6E53',c:44,m:0,y:24,k:56,rgb:'(61, 110, 83)'},
        {name:'奶绿',pinyin:'NAILV',url:'img/9-3.png',num:'AFC8BA',c:12,m:0,y:7,k:21,rgb:'(175, 200, 186)'},
        {name:'淡灰绿',pinyin:'DANHUILV',url:'img/9-4.png',num:'AEC4B7',c:11,m:0,y:6,k:23,rgb:'(174, 196, 183)'},
        {name:'水貂灰',pinyin:'SHUIDIAOHUI',url:'img/9-5.png',num:'949C97',c:5,m:0,y:3,k:38,rgb:'(148, 156, 151)'},
        {name:'油绿',pinyin:'YOULV',url:'img/9-6.png',num:'45554A',c:18,m:0,y:12,k:66,rgb:'(69, 85, 74)'},
        {name:'锈绿',pinyin:'XIULV',url:'img/9-7.png',num:'B8C8B7',c:8,m:0,y:8,k:21,rgb:'(184, 200, 183)'},

        {name:'水黄',pinyin:'SHUIHUANG',url:'img/10-1.png',num:'BED2B6',c:9,m:0,y:13,k:17,rgb:'(190, 210, 182)'},
        {name:'银箔',pinyin:'YINBO',url:'img/10-2.png',num:'585A57',c:2,m:0,y:3,k:64,rgb:'(88, 90, 87)'},
        {name:'苍绿',pinyin:'CANGLV',url:'img/10-3.png',num:'4E5F45',c:17,m:0,y:27,k:62,rgb:'(78, 95, 69)'},
        {name:'黄灰',pinyin:'HUANGLV',url:'img/10-4.png',num:'B0B7AC',c:3,m:0,y:6,k:28,rgb:'(176, 183, 172)'},
        {name:'春绿',pinyin:'CHUNLV',url:'img/10-5.png',num:'E3EFD1',c:5,m:0,y:12,k:6,rgb:'(227, 239, 209)'},
        {name:'军绿',pinyin:'JUNLV',url:'img/10-6.png',num:'CAD4BA',c:4,m:0,y:12,k:16,rgb:'(202, 212, 186)'},
        {name:'大赤金',pinyin:'DACHIJIN',url:'img/10-7.png',num:'6D7358',c:5,m:0,y:23,k:54,rgb:'(109, 115, 88)'},

        {name:'芦灰',pinyin:'LUHUI',url:'img/11-1.png',num:'A9B08F',c:3,m:0,y:18,k:30,rgb:'(169, 176, 143)'},
        {name:'米色',pinyin:'MISE',url:'img/11-2.png',num:'F5F5DC',c:0,m:0,y:10,k:3,rgb:'(245, 245, 220)'},
        {name:'油烟墨',pinyin:'YOUYANMO',url:'img/11-3.png',num:'3F3F3C',c:0,m:0,y:4,k:75,rgb:'(63, 63, 60)'},
        {name:'承德灰',pinyin:'CHENGDEHUI',url:'img/11-4.png',num:'757570',c:0,m:0,y:4,k:54,rgb:'(117, 117, 112)'},
        {name:'橄榄绿',pinyin:'GANLANLV',url:'img/11-5.png',num:'6A6834',c:0,m:1,y:50,k:58,rgb:'(106, 104, 52)'},
        {name:'枯绿',pinyin:'KULV',url:'img/11-6.png',num:'B7B278',c:0,m:2,y:34,k:28,rgb:'(183, 178, 120)'},
        {name:'柠檬黄',pinyin:'NINGMENGHUANG',url:'img/11-7.png',num:'E9DB39',c:0,m:6,y:75,k:8,rgb:'(233, 219, 57)'},

        {name:'蜡白',pinyin:'LABAI',url:'img/12-1.png',num:'E7E5D0',c:0,m:0,y:9,k:9,rgb:'(231, 229, 208)'},
        {name:'草黄',pinyin:'CAOHUANG',url:'img/12-2.png',num:'DBCE54',c:0,m:5,y:61,k:14,rgb:'(219, 206, 84)'},
        {name:'灰米',pinyin:'HUIMI',url:'img/12-3.png',num:'B6B196',c:0,m:2,y:17,k:28,rgb:'(182, 177, 150)'},
        {name:'藤黄',pinyin:'TENGHUANG',url:'img/12-4.png',num:'F2DE76',c:0,m:8,y:51,k:5,rgb:'(242, 222, 118)'},
        {name:'胡粉',pinyin:'HUFEN',url:'img/12-5.png',num:'EBE8DB',c:0,m:1,y:6,k:7,rgb:'(235, 232, 219)'},
        {name:'丹东石',pinyin:'DANDONGSHI',url:'img/12-6.png',num:'D7C16B',c:0,m:10,y:50,k:15,rgb:'(215, 193, 107)'},
        {name:'库金',pinyin:'KUJIN',url:'img/12-7.png',num:'85794F',c:0,m:9,y:40,k:47,rgb:'(133, 121, 79)'},

        {name:'甘草黄',pinyin:'GANCAOHUI',url:'img/13-1.png',num:'E4CF8E',c:0,m:9,y:37,k:10,rgb:'(228, 207, 142)'},
        {name:'灯草灰',pinyin:'DENGCAOHUI',url:'img/13-2.png',num:'363532',c:0,m:1,y:7,k:78,rgb:'(54, 53, 50)'},
        {name:'米灰',pinyin:'MIHUI',url:'img/13-3.png',num:'C5BFAD',c:0,m:3,y:12,k:22,rgb:'(197, 191, 173)'},
        {name:'姜黄',pinyin:'JIANGHUI',url:'img/13-4.png',num:'B49436',c:0,m:17,y:70,k:29,rgb:'(180, 148, 54)'},
        {name:'选金',pinyin:'XUANJIN',url:'img/13-5.png',num:'796F54',c:0,m:8,y:30,k:52,rgb:'(121, 11, 184)'},
        {name:'浅棕灰',pinyin:'QIANZONGHUI',url:'img/13-6.png',num:'E1DBCD',c:0,m:2,y:8,k:11,rgb:'(225, 219, 205)'},
        {name:'将校呢',pinyin:'JIANGXIAONI',url:'img/13-7.png',num:'60614A',c:0,m:11,y:32,k:57,rgb:'(109, 97, 74)'},

        {name:'卡其黄',pinyin:'KAQIHUANG',url:'img/14-1.png',num:'D5B884',c:0,m:13,y:38,k:16,rgb:'(213, 184, 132)'},
        {name:'相思灰',pinyin:'XIANGSIHUI',url:'img/14-2.png',num:'625C52',c:0,m:6,y:16,k:61,rgb:'(98, 92, 82)'},
        {name:'枝黄',pinyin:'ZHIHUANG',url:'img/14-3.png',num:'DBC7A6',c:0,m:9,y:24,k:14,rgb:'(219, 199, 166)'},
        {name:'中棕灰',pinyin:'ZHONGZONGHUI',url:'img/14-4.png',num:'A9987C',c:0,m:10,y:26,k:33,rgb:'(169, 152, 124)'},
        {name:'土黄',pinyin:'TUHUANG',url:'img/14-5.png',num:'CE9335',c:0,m:28,y:74,k:19,rgb:'(206, 147, 53)'},
        {name:'浅驼色',pinyin:'QIANTUOSE',url:'img/14-6.png',num:'C9AE8C',c:0,m:13,y:30,k:21,rgb:'(201, 174, 140)'},
        {name:'棕茶',pinyin:'ZONGCHA',url:'img/14-7.png',num:'B8844F',c:0,m:28,y:57,k:27,rgb:'(184, 132, 79)'},

        {name:'雄黄',pinyin:'XIONGHUANG',url:'img/15-1.png',num:'D0853D',c:0,m:36,y:70,k:18,rgb:'(208, 133, 61)'},
        {name:'纸棕',pinyin:'ZHIZONG',url:'img/15-2.png',num:'BCA590',c:0,m:12,y:23,k:26,rgb:'(188, 165, 144)'},
        {name:'浅橘黄',pinyin:'QIANJUHUANG',url:'img/15-3.png',num:'DA9558',c:0,m:31,y:59,k:14,rgb:'(218, 149, 88)'},
        {name:'浅黄棕',pinyin:'QIANHUANGZONG',url:'img/15-4.png',num:'DEA87A',c:0,m:24,y:45,k:12,rgb:'(222, 168, 122)'},
        {name:'金黄',pinyin:'JINHUANG',url:'img/15-5.png',num:'C77A3A',c:0,m:38,y:70,k:21,rgb:'(199, 122, 58)'},
        {name:'米红',pinyin:'MIHONG',url:'img/15-6.png',num:'E1BDA2',c:0,m:15,y:28,k:11,rgb:'(225, 189, 162)'},
        {name:'桔黄',pinyin:'JUHUANG',url:'img/15-7.png',num:'E8853B',c:0,m:42,y:74,k:9,rgb:'(232, 133, 59)'},

        {name:'苍黄',pinyin:'CANGHUANG',url:'img/16-1.png',num:'C65306',c:0,m:58,y:96,k:22,rgb:'(198, 83, 6)'},
        {name:'雄精',pinyin:'XIONGJING',url:'img/16-2.png',num:'E47542',c:0,m:48,y:71,k:10,rgb:'(228, 117, 66)'},
        {name:'甘石粉',pinyin:'GANSHIFEN',url:'img/16-3.png',num:'EADCD6',c:0,m:5,y:8,k:8,rgb:'(234, 220, 214)'},
        {name:'章丹',pinyin:'ZHANGDAN',url:'img/16-4.png',num:'EB652D',c:0,m:57,y:80,k:7,rgb:'(235, 101, 45)'},
        {name:'桔红',pinyin:'JUHONG',url:'img/16-5.png',num:'E7693F',c:0,m:54,y:72,k:9,rgb:'(231, 105, 63)'},
        {name:'奶棕',pinyin:'NAIZONG',url:'img/16-6.png',num:'C1A299',c:0,m:16,y:20,k:24,rgb:'(193, 162, 153)'},
        {name:'血红',pinyin:'XUEHONG',url:'img/16-7.png',num:'A03E28',c:0,m:61,y:75,k:37,rgb:'(160, 62, 40)'},

        {name:'辰砂',pinyin:'CHENSHA',url:'img/17-1.png',num:'AF5E53',c:0,m:46,y:52,k:31,rgb:'(175, 94, 83)'},
        {name:'十样锦',pinyin:'SHIYANGJIN',url:'img/17-2.png',num:'FCB1AA',c:0,m:29,y:32,k:1,rgb:'(252, 177, 170)'},
        {name:'番茄红',pinyin:'FANQIEHONG',url:'img/17-3.png',num:'C4473D',c:0,m:63,y:68,k:23,rgb:'(196, 71, 61)'},
        {name:'榴花红',pinyin:'LIUHUAHONG',url:'img/17-4.png',num:'D54B44',c:0,m:64,y:68,k:16,rgb:'(213, 75, 68)'},
        {name:'胭脂',pinyin:'YANZHI',url:'img/17-5.png',num:'C03F3C',c:0,m:87,y:70,k:23,rgb:'(192, 63, 60)'},
        {name:'妃红',pinyin:'FEIHONG',url:'img/17-6.png',num:'C35655',c:0,m:55,y:56,k:23,rgb:'(195, 86, 85)'},
        {name:'锈红',pinyin:'XIUHONG',url:'img/17-7.png',num:'4D1919',c:0,m:67,y:67,k:69,rgb:'(77, 25, 25)'},

        {name:'深烟',pinyin:'SHENYAN',url:'img/18-1.png',num:'5A4C4C',c:0,m:15,y:15,k:64,rgb:'(90, 76, 76)'},
        {name:'雪色',pinyin:'XUESE',url:'img/18-2.png',num:'FFFAFA',c:0,m:1,y:1,k:0,rgb:'(255, 250, 250)'},
        {name:'百草霜',pinyin:'BAICAOSHUANG',url:'img/18-3.png',num:'303030',c:0,m:0,y:0,k:81,rgb:'(48, 48, 48)'}
    ]
// 放在RGB中的G上时让颜色名出现
$('#g').on({
    // 鼠标放上去的时候
        mouseenter:function(){
            // 加入了淡入淡出效果
            $('#color').fadeIn('fast');
            // 得到当时的拼音是什么
            var pinYin=$('#colName>p:last-child').text()
            // 遍历，jquery写法
            $.each(arr,function(index,obj){
                // 找到相同的后
                if(pinYin==obj.pinyin){
                    // 显示的颜色名字
                    $('#color')[0].innerHTML = '#'+arr[index].num+';'
                    return 
                }
            })
        },
        // 鼠标离开就消失
        mouseleave:function(){
            $('#color').fadeOut('fast');
        }
    }
)
// 这是大写P的js事件
$('#logo>section').on({
    // 放上去后大写P消失
    // select下拉出现
    mouseenter:function(){
        $('#second').addClass('hid')
        $('select').removeClass('hid')
    },
    // 拿走后，大写P出现
    // select下拉消失
    mouseleave:function(){
        $('#second').removeClass('hid')
        $('select').addClass('hid')
    }
})
// 这是每个颜色实例的鼠标事件
$('.seven>div').on({
    // 放上去的时候的事件
    mouseenter:function(){
        // 透明度降低
        $(this).addClass('opacity')
    },
    // 鼠标离开后
    mouseleave:function(){
        // 透明度正常
        $(this).removeClass('opacity')
    },
    // 点击事件
    click:function(){
        // 得到点击的那个颜色实例的上边框颜色
        var color = $(this).children('div').css('border-top-color')
        // 动画效果2s变换颜色
        $('body').animate({backgroundColor:color},2000);
        // 遍历
        $.each(arr,function(index,obj){
            // 接收一下所有的obj的rgb值
            var rgb='rgb'+obj.rgb;
            // 判断有没有相同的
            if(rgb==color){
                // 改变title的前缀
                $('title')[0].innerHTML= arr[index].name+' - 中国色 - 中国传统颜色'
                // C M Y K四个的显示成  arr[index]的所对应的数字
                $('#c>.box>.num')[0].innerHTML = arr[index].c;
                $('#m>.box>.num')[0].innerHTML = arr[index].m;
                $('#y>.box>.num')[0].innerHTML = arr[index].y;
                $('#k>.box>.num')[0].innerHTML = arr[index].k;
                // 接收一下当时的rgb值
                var str=arr[index].rgb;
                // 切割字符串的第一个和最后一个
                var str=str.substring(1,str.length-1)
                // 分割字符串
                var data = str.split(", ")
                // 从而使rgb值也对应显示出来
                $('#r>.box>.num')[0].innerHTML = data[0];
                $('#g>.box>.num')[0].innerHTML = data[1];
                $('#b>.box>.num')[0].innerHTML = data[2];
                // 判断name属性的长度
                if(arr[index].name.length){
                    // 前两个默认显示
                    $('#colName>p:nth-of-type(1)')[0].innerHTML = arr[index].name[0];
                    $('#colName>p:nth-of-type(2)')[0].innerHTML = arr[index].name[1];
                    $('#colName>p:nth-of-type(3)')[0].innerHTML = '';
                    $('#colName>p:nth-of-type(4)')[0].innerHTML = '';
                    // 长度大于三了显示第三个
                    if(arr[index].name.length>=3){
                        $('#colName>p:nth-of-type(3)')[0].innerHTML = arr[index].name[2];
                    }
                    // 长度大于四了显示第四个
                    if(arr[index].name.length==4){
                        $('#colName>p:nth-of-type(4)')[0].innerHTML = arr[index].name[3];
                    }
                }
                // 这是显示对应的拼音
                $('#colName>p:nth-of-type(5)')[0].innerHTML = arr[index].pinyin
                // 这一部分是让C M Y K旋转的部分
                function countC(num){
                    if(num>50){
                        console.log(num)
                        return countLef(num)
                    }
                    if(num<50){
                        return countRit(num)
                    }
                    function countLef(num){
                        var newNum=num;
                        if(newNum>50){
                            $('#c>.box>section>.div2').css({
                                'border-top-color':'#0093D3',
                                'border-bottom-color':'#0093D3',
                                'border-left-color':'#0093D3'
                            })
                            var deg=0-((100-(newNum-50))/100*360-180)
                            console.log(deg)
                            return deg
                        }
                    }
                    function countRit(num){
                        var newNum=num;
                        if(newNum<50){
                            $('#c>.box>section>.div2').css({
                                'border-top-color':'#836C71',
                                'border-bottom-color':'#836C71',
                                'border-left-color':'#836C71'
                            })
                            var deg=0-(50-newNum)*360/100
                            return deg
                        }
                    }
                }
                function countM(num){
                    if(num>50){
                        console.log(num)
                        return countLef(num)
                    }
                    if(num<50){
                        return countRit(num)
                    }
                    function countLef(num){
                        var newNum=num;
                        if(newNum>50){
                            $('#m>.box>section>.div2').css({
                                'border-top-color':'#CC006B',
                                'border-bottom-color':'#CC006B',
                                'border-left-color':'#CC006B'
                            })
                            var deg=0-((100-(newNum-50))/100*360-180)
                            console.log(deg)
                            return deg
                        }
                    }
                    function countRit(num){
                        var newNum=num;
                        if(newNum<50){
                            $('#m>.box>section>.div2').css({
                                'border-top-color':'#836C71',
                                'border-bottom-color':'#836C71',
                                'border-left-color':'#836C71'
                            })
                            var deg=0-(50-newNum)*360/100
                            return deg
                        }
                    }
                }
                function countY(num){
                    if(num>50){
                        console.log(num)
                        return countLef(num)
                    }
                    if(num<50){
                        return countRit(num)
                    }
                    function countLef(num){
                        var newNum=num;
                        if(newNum>50){
                            $('#y>.box>section>.div2').css({
                                'border-top-color':'#FFF10C',
                                'border-bottom-color':'#FFF10C',
                                'border-left-color':'#FFF10C'
                            })
                            var deg=0-((100-(newNum-50))/100*360-180)
                            console.log(deg)
                            return deg
                        }
                    }
                    function countRit(num){
                        var newNum=num;
                        if(newNum<50){
                            $('#y>.box>section>.div2').css({
                                'border-top-color':'#836C71',
                                'border-bottom-color':'#836C71',
                                'border-left-color':'#836C71'
                            })
                            var deg=0-(50-newNum)*360/100
                            return deg
                        }
                    }
                }
                function countK(num){
                    if(num>50){
                        console.log(num)
                        return countLef(num)
                    }
                    if(num<50){
                        return countRit(num)
                    }
                    function countLef(num){
                        var newNum=num;
                        if(newNum>50){
                            $('#k>.box>section>.div2').css({
                                'border-top-color':'#333333',
                                'border-bottom-color':'#333333',
                                'border-left-color':'#333333'
                            })
                            var deg=0-((100-(newNum-50))/100*360-180)
                            console.log(deg)
                            return deg
                        }
                    }
                    function countRit(num){
                        var newNum=num;
                        if(newNum<50){
                            $('#k>.box>section>.div2').css({
                                'border-top-color':'#836C71',
                                'border-bottom-color':'#836C71',
                                'border-left-color':'#836C71'
                            })
                            var deg=0-(50-newNum)*360/100
                            return deg
                        }
                    }
                }
                $('#c>.box>section>.div2').css({'transform':'rotate('+countC(arr[index].c)+'deg)','transition':'transform 2s'})
                $('#m>.box>section>.div2').css({'transform':'rotate('+countM(arr[index].m)+'deg)','transition':'transform 2s'})
                $('#y>.box>section>.div2').css({'transform':'rotate('+countY(arr[index].y)+'deg)','transition':'transform 2s'})
                $('#k>.box>section>.div2').css({'transform':'rotate('+countK(arr[index].k)+'deg)','transition':'transform 2s'})
                return
            }
        })
    }
})
